<template>
  <div>
    <el-card shadow="never" class="updata">
      <h1 class="header">报表导出</h1>
      <div class="imgDiv">
        <img :src="exportsData2" alt="" class="exportImg" @click="exportData">
        <div style="width: 200px;text-align: center;font-size: 18px;color: #aaaaaa">
          <p>设备数据分析报表</p>
          <p >信丰代理商数据报表</p>
        </div>
        <div style="text-align: center">
          <img :src="exportsData" alt="" class="exportImg" @click="exportData" style="height:100px" >
          <p class="text">点击导出</p>
        </div>

      </div>
    </el-card>
  </div>
</template>
<script>
  import exportsData from '../../assets/updata1.jpg'
  import exportsData2 from '../../assets/updata2.jpg'
  export default {
    data(){
      return{
        exportsData,
        exportsData2,
      }
    },
    created() {

    },
    methods:{
      exportData(){
        window.open( process.env.VUE_APP_API_BASE_URL+'common/web/export')
        //window.location.href= 'https://obs-t3propublic.t3go.cn/t3-admin/1435124720583393329'
      }
    },
  }
</script>
<style scoped>
  .exportImg{
    width: 150px;
    height: 150px;
  }
  .updata{
    display: flex;
    justify-content: left;
  }
  .header{
    font-size: 24px;
    color: #333333;
  }
  .imgDiv{
    display: flex;
    justify-content: left;
    align-items: center;
    border: 1px solid;
  }
  .text{
    font-size: 14px;
    color: #7f7f7f;
  }
</style>
